<template>
  <!--订单-->
  <div>
    <section class="order">
      <van-nav-bar title="设备" />
      <section class="order_no_login">
        <div class="ur_fre">
          <img src="./img/shouhuan.png" style="width: 100%" alt="" />
        </div>
        <van-button type="primary" block @click="loading">绑定设备</van-button>
      </section>
    </section>
  </div>
</template>
<script>
export default {
  name: "Equipment",
  data() {
    return {
      flag: true,
    };
  },
  methods: {
    onClickRight() {
      this.$router.replace("friends");
    },
    loading() {
      const toast = this.$toast.loading({
        duration: 0, // 持续展示 toast
        forbidClick: true,
        message: "搜索中",
      });

      let second = 3;
      const timer = setInterval(() => {
        second--;
        if (second) {
          toast.message;
        } else {
          clearInterval(timer);
          // 手动清除 Toast
          this.$toast("暂无发现设备");
          this.$toast.clear();
        }
      }, 1000);
    },
  },
};
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
@import '../../common/stylus/mixins.styl'
  .order_top{
  width 100%
  height 50px
  line-height 50px
  background-color #66b1ff
  .order_fig{
    position relative
    height 30px
    right: 9%;
    margin-left: 50%;
  }
}
.ur_fre {
  padding-bottom 50px
  width: 100%;
  height: 155px;
  background-color: #eee;
}
.friend_img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.friend_title {
  width: 80%;
  line-height: 25px;
  float: right;
}
.friend_jie1 {
  width: 100%;
  font-size: 22px;
  float: right;
}
.friend_jie {
  width: 100%;
  margin-top: 5px;
  float: right;
}
.van-nav-bar {
  background-color: #409eff !important;
}
.van-button::before{
  width:0;
}
</style>
